@import url("/css/frame_css/public_base.css");
@import url("/css/frame_css/base_frame.css");
@charset "gb2312";
/* CSS Document */
/**
Date:2012;
Author:zhouxiao;
purpose£ºbase style;
**/
body{font-family:"Arial","Î¢ÈíÑÅºÚ","ËÎÌå"; font-size: 12px; color:#646464;background:#fff;}
a{color:#646464; text-decoration:none;}
a:hover{color:#BB0212;}
.Title a{color:#ffffff;}
.fl{width:960px;height:110px;margin:0 auto;overflow:hidden;}	
.main{width:960px;margin:0px auto; background:#fff; padding:0 10px;}
.head{ width:100%;margin:0 auto; height:auto; position:relative; z-index:2; }
.topbar{ width:100%; height:37px; border-bottom:1px solid #d2d2d2; background:#EEEAE9;}
.topbar .login{ margin:0px 5px; color:#333333;}
span.log{ float:left;}
span.home{ float:right;}
.topbar a:hover{ text-decoration:underline;}
.top-info{float:left;}
.top-nav{float:right;}
.mall-header-con{width:100%; height:118px; background:#fff;}
.mall-header-con .search .soso{ background-color:#DC0414;}
.mall-header-con .search .keyword{}

.mar{width:831px;overflow:hidden;}
.maree{width:807px;overflow:hidden;float:right;}
.shopping_cart{ width:182px; height:29px; line-height:30px; float:right; margin:-69px 0 0 0; background:url(http://img3.ev123.com/other530/cart_bg.png) no-repeat; position:relative; z-index:3;}
.logo table{ width:100%; height:100%;}
.logo td{ vertical-align:middle; text-align:left;}
.shopping_cart #iCard{background:url("http://img3.ev123.com/other530/cart_icon.png") no-repeat 5px center; float:left; width:98px; padding:0 0 0 27px;}
.shopping_cart .mybutCount{ color:#F00; font-weight:bold; margin:0 10px;}
.shopping_cart .cart_icon{ margin:8px 0 0 5px; width:16px; height:14px; float:left;}
#goCard{ float:right; margin-right:10px;}
.shopping_cart a{ color:#5a5a5a; }
.shopping_cart a:hover{ color:#5a5a5a; text-decoration:underline; cursor:pointer; }


  /*--main_nv layout--*/
	  .nav,.nav i,.main-nav li{}
	  .nav{background:url(http://img3.ev123.com/other530/nav_bg.png) repeat-x; position:relative; clear:both;margin-bottom:10px;width:960px;margin:0 auto;height:34px;}
	  .nav i{display:block; width:10px; height:34px; position:absolute; top:0px; z-index:1;}
		  .nav i.N-left{left:0px; background-position:0px 0px;}
		  .nav i.N-right{right:0px; background-position:0px -34px;}
		.main-nav{position:relative; height:34px;  z-index:2; width:960px; margin:0 auto;}
		.main-nav li{float:left; position:relative; _display:inline; width:120px; height:34px;background:url(http://img3.ev123.com/other530/nav_li.jpg) 0 0px no-repeat;}
		.main-nav li.first{width:122px;background:url(http://img3.ev123.com/other530/nav_li_hover.jpg) 0 0px no-repeat; margin-left:0px;}
		.main-nav li.other{background:url(http://img3.ev123.com/other530/last_bg.jpg) 0 0px repeat-x; margin-left:0px;float:right;width:118px;}
		.main-nav li a{font:700 14px/34px "Î¢ÈíÑÅºÚ"; color:#fff; height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; float:left; width:81px;}
		.main-nav li.first a{width:81px;}
		.main-nav li a:hover,.main-nav a.hover,.main-nav a.cur{color:#fff;}
		.submenu{position:absolute; top:34px; left:0px; display:none; width:115px; background-image:url(about:blank); padding-top:3px;}
		.main-nav .other .submenu{left:auto; right:0px;}
	
		.submenu .sub-c{background-color:#F6F6F6; }
		  .submenu p{height:26px;display:block; overflow:hidden; position:relative; margin-bottom:5px;}
		   .submenu p a{display:block; float:none; width:auto; height:25px; padding:0px; color:#333333; line-height:25px; text-align:left; padding-left:10px; background-image:none; margin-top:0px;}
		 .submenu p a:hover{background-image:none; color:#fff; background-color:#BB0212;}
	
	/**keyword style**/
	.keyword{ float:left; width:958px; height:32px; line-height:32px; font-family: Verdana, Arial,"ËÎÌå";color:#808080;background:url(http://img3.ev123.com/other530/key_bg.jpg) repeat-x;border:1px solid #D5D5D5;border-top:0px;margin: 0 auto;}
	.keyword span.hot{ float:left; display:inline; margin-left:15px;color:#A70F1E;}
	.keyword div{float:right;}
	.keyword a{ color:#808080; padding:0px 5px;_padding:0px 3px;}
	.keyword a:hover{ color:#A70F1E; text-decoration:none;}
	.keyword .more{ color:#A70F1E;width:63px;}
.nav_area{ width:960px; margin:0 auto; height:67px;}
	
/**class menu style**/
	.class-menu{width:188px; position:relative;margin-bottom:10px; z-index:10;}
	.class-menu .menu-t{height:30px; position:relative; background:url(http://img3.ev123.com/other530/pro_bg.jpg) no-repeat;}
	.class-menu .menu-t strong{padding-left:10px;}
	.class-menu .menu-t a{color:#fff; font:700 14px/30px "Î¢ÈíÑÅºÚ";}
	.class-menu .open-icon{width:8px; height:10px; right:20px; top:17px; background-position:right -131px;  position:absolute;}
	.class-menu .open-icon-h{background-position:right -101px;}
	.class-menu .menu-c{left:0px; width:188px;display:none; cursor:default;}
	.class-menu-h .menu-c{display:block;}
	  .class-menu .bottom-b{height:0px; background-position:0 -188px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
	    #sortMenu{border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:186px;height:419px;}
  
		#sortMenu .menu-item{height:30px; position:relative; background:url(http://img3.ev123.com/other530/pro_li.jpg) bottom left;}
		#sortMenu .first{border-top:0px;}
		#sortMenu .menu-item .big-item{display:inline-block; padding-left:16px; height:30px; line-height:30px; position:relative; width:170px;border-right:0px; z-index:1; color:#656565;background:url(http://img3.ev123.com/other530/index_list_li.png) 5px 11px no-repeat;}
	 	#sortMenu .big-item a{width:160px;height:30px;color:#656565; font-family:"Î¢ÈíÑÅºÚ";}
		  #sortMenu .big-item s{display:block; width:10px; height:30px; position:absolute; right:8px; bottom:0px; background:url(http://img3.ev123.com/other530/li_a.jpg) no-repeat right;position:absolute;z-index:2;}
		  #sortMenu .show-menu-item{position:absolute; top:0px; left:185px; height:auto; border:2px solid #BB0212; background-color:#fff; z-index:10; display:none; padding:0px 20px;width:200px;}
		  #sortMenu .menu-item-h{background:url(http://img3.ev123.com/other530/li_a_h.png) 170px 10px #BB0212 no-repeat;}
		  
			#sortMenu .menu-item-h .show-menu-item{display:block;}
			#sortMenu .menu-item-h .big-item-h{width:170px;background:url(http://img3.ev123.com/other530/index_list_li2.png) no-repeat 5px;}
			#sortMenu .menu-item-h .big-item a{color:#fff;}
		    #sortMenu .menu-item-h s{display:none;}
			.sub-menu-l{ width:200px; height:auto;}
			  .sub-menu-l dl{clear:both;border-top:1px dotted #ccc;padding-left:70px;padding-bottom:10px; position:relative; width:145px;display:block;min-height:20px; overflow:hidden;}
			  .sub-menu-l dl.dl-first{border-top:0px;}
			  
			 .sub-menu-l dl.dl-cur{}
			  .sub-menu-l dt{ position:absolute; left:0px; top:5px;line-height:20px; text-align:right; padding-right:10px; color:#BB0212; font-weight:bold;}
			  .sub-menu-l dl.dl-cur dt{color:#BB0212;}
			  .sub-menu-l dd{float:left; margin-top:9px;border-left:1px solid #000;}
			  .sub-menu-l dd a{display:block; float:left; height:14px;line-height:14px; padding:0 5px; white-space:pre; color:#555;overflow:hidden;}
			  .sub-menu-l .dd_l{border-left:0px;}
			  .sub-menu-l dd a:hover{color:#BB0212; text-decoration:underline;} 
			  .sub-menu-l dd em{padding-bottom:5px;}

/*--page style--*/	
.page{height:100%; overflow:hidden;  text-align:right; padding:5px; font-family:'Î¢ÈíÑÅºÚ','ËÎÌå';}
.page a{color:#333;}
.page a,.page span,.page strong{display:inline-block; height:20px; line-height:20px; margin-left:5px;}
.disabled{border:1px solid #CCCCCC; padding:0px 7px;color:#d9d9d9;}
.page a,.page strong{ border:1px solid #CCCCCC; padding:0px 7px;}
.page-start,.page-end,.page-prev,.page-next{background:url('http://img3.ev123.com/other530/pagebg.gif') no-repeat;}
.page .page-start{padding:0px 5px 0px 15px; background-position:5px 6px;border:#d9d9d9 1px solid; color:#d9d9d9;}
.page .page-prev{padding:0px 5px 0px 15px; background-position:5px -15px; font-family:"Î¢ÈíÑÅºÚ"}
 .page .page-prev:hover{ background-position:5px -36px;}
.page-end{padding:0px 15px 0px 5px; background-position:-14px 6px;border:#d9d9d9 1px solid; color:#d9d9d9;}
.page .page-next{padding:0px 15px 0px 5px; background-position:-14px -15px;}
.page .page-next:hover{ background-position:-14px -36px;}
.page a:hover,.page strong{color:#fff;background-color:#BB0212; border:1px solid #BB0212;}


.contents{ width:960px; margin:0 auto;  position:relative; z-index:1;background:#fff;}

/*---------------------------------µ×²¿----------------------------------- */

.footer{clear:both; width:960px; margin:0 auto; margin-bottom:10px;font-family:Verdana, Arial, "ËÎÌå";background:#fff;}
.footer01{ width:958px; height:188px; border:1px solid #d2d2d2; background:#f9f9f9;margin-bottom:10px;}
.footer01 dl{ width:138px; float:left; margin:5px 10px 0 10px;_margin:5px 10px 0 7px;}
.footer01 dl dt{ width:138px; height:30px; line-height:30px; border-bottom:2px solid #dcdcdc; margin:5px 0px; font-weight:bold; color:#333333;}

.footer01 .footer_img{ margin:5px 5px 0 15px; float:left;}
.footer01 dl dd{ height:24px; line-height:24px; width:88px; background:url(http://img3.ev123.com/other530/footer_dd_icon.png) 40px 10px no-repeat; padding-left:50px;}
.footer01 dl dd a{ color:#333333;}
.footer01 dl dd a:hover{ color:#BB0212;}
.foot_nav{ width:960px; margin:20px auto 0px;}
.foot_nav span.copy{ width:960px; display:block; text-align:center; margin:10px 0; color:#5F5F5F;line-height:24px;}

.footer_ff li.ff_fir{border-left:0px; }
.footer_ff{height:110px; border:1px solid #DEDEDE; margin-bottom:10px;}
.footer_ff li{border-left:1px dashed #DEDEDE; float:left; margin:20px 0px; padding:4px 20px; width:150px;}
.footer_ff li .footer_img{display:block; float:left;width:36px;height:35px;overflow:hidden;}
.footer_ff li .footer_txt{display:block; float:left; margin-left:10px;color:#787878; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; font-weight:bold;width:104px;}
.footer_ff li .footer_txt .red{color:#f00;font-size:16px;}

.foot_link{width:940px;padding:10px;border:1px solid #d2d2d2; background:#f9f9f9; margin-bottom:10px;}
.foot_link .foot_linkc{width:940px;margin:0 auto;min-height:75px;}
.foot_link .foot_linkc_tit{width:90px;height:75px;float:left;color:#5D302A;}
.foot_link .foot_linkc_con{width:850px;height:20px;line-height:20px;float:left;}
.foot_link .foot_linkc_con li{width:50px;height:20px;line-height:20px;float:left;margin-right:35px;_margin-right:31px;margin-bottom:5px;}
.foot_link a{color:#5F5F5F;}
.foot_link a:hover{color:#5D302A;}
.link_cont li.link_pic{ width:175px; height:53px; overflow:hidden;}
.link_cont li{float:left; _display:inline-block;}

.footer{clear:both; width:960px;font-family:Arial,"Î¢ÈíÑÅºÚ";margin:0 auto;background:#fff;}
 .footer-nav{margin:0 auto;text-align:center;color:#808080;line-height:24px;margin:0 auto;width:960px;}
  .footer-nav a{color:#333333; display:inline-block;}
  .footer-nav a:hover{color:#4CA50D;}
  .footer-nav em{padding:0px 10px;}
 .copyright{margin:0 auto;text-align:center;color:#808080;line-height:24px;margin:0 auto;width:960px;}
